<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>城市选择</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
    <link type="text/css" rel="stylesheet" href="themes/css/base.css">
    <link type="text/css" rel="stylesheet" href="themes/css/icon.css">
    <link type="text/css" rel="stylesheet" href="themes/css/home.css">

</head>
<body>

    <section class="aui-flexView" style="height:auto">
        <header class="aui-navBar aui-navBar-fixed aui-navBar-green">
            <a href="javascript:;" class="aui-navBar-item">
                <i class="aui-icon icon-return"></i>
            </a>
            <div class="aui-center">
                <span class="aui-center-title">城市选择</span>
            </div>
            <a href="javascript:;" class="aui-navBar-item">
                <i class="icon icon-sys"></i>
            </a>
        </header>
        <section class="aui-scrollView" style="height:auto; padding-top:10px;">
            <div id="showLetter" class="showLetter">
                <span>A</span>
            </div>
            <div class="letter">
                <ul>
                    <li>
                        <a href="javascript:;">热门</a>
                    </li>
                    <li>
                        <a href="javascript:;">历史</a>
                    </li>
                    <li>
                        <a href="javascript:;">A</a>
                    </li>
                    <li>
                        <a href="javascript:;">B</a>
                    </li>
                    <li>
                        <a href="javascript:;">C</a>
                    </li>
                    <li>
                        <a href="javascript:;">D</a>
                    </li>
                    <li>
                        <a href="javascript:;">E</a>
                    </li>
                    <li>
                        <a href="javascript:;">F</a>
                    </li>
                    <li>
                        <a href="javascript:;">G</a>
                    </li>
                    <li>
                        <a href="javascript:;">H</a>
                    </li>
                    <li>
                        <a href="javascript:;">J</a>
                    </li>
                    <li>
                        <a href="javascript:;">K</a>
                    </li>
                    <li>
                        <a href="javascript:;">L</a>
                    </li>
                    <li>
                        <a href="javascript:;">M</a>
                    </li>
                    <li>
                        <a href="javascript:;">N</a>
                    </li>
                    <li>
                        <a href="javascript:;">P</a>
                    </li>
                    <li>
                        <a href="javascript:;">Q</a>
                    </li>
                    <li>
                        <a href="javascript:;">R</a>
                    </li>
                    <li>
                        <a href="javascript:;">S</a>
                    </li>
                    <li>
                        <a href="javascript:;">T</a>
                    </li>
                    <li>
                        <a href="javascript:;">W</a>
                    </li>
                    <li>
                        <a href="javascript:;">X</a>
                    </li>
                    <li>
                        <a href="javascript:;">Y</a>
                    </li>
                    <li>
                        <a href="javascript:;">Z</a>
                    </li>
                </ul>
            </div>
            <div class="container">
                <div class="city"></div>
            </div>
        </section>
    </section>
    <script type="text/javascript" src="themes/js/city/zepto.js"></script>
    <script type="text/javascript" src="themes/js/city/city.js"></script>

</body>
</html>